<template>
	<div class="boss">
	  <head-page :title="`${ this.$route.query.i}`"   backUrl="/my"  style="border-bottom: 2px solid #dad9df;">
			  <img src="../../assets/black_dian.png" alt="" />
		  </head-page>
		  <div class="bottom">
			  <div class="center">
  <!-- <h3>{{ this.$route.query.text }}.{{  this.$route.query.context }}</h3> -->
  <!-- 内容区域 -->
  <div class="context richText" v-html="list">
  
  </div>
			  </div>
		  </div>
	</div>
  </template>
  
  <script>
  import {getMineDetail} from "@/api/index"
  export default {
	  data(){
		  return{
			  list:""
		  }
	  },
	  mounted(){
		getMineDetail({
		Id: this.$route.query.id
	}).then((res)=>{
		if(res.data.code==200){
			this.list=this.dataHTML(res.data.data.mineText)
		}
	})
	}
  }
  </script>
  
  <style scoped>
 
  .bottom{
	  width: 100%;
	  height: 6rem;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
  }
  .center{
	  width: 98%;
	  height: 100%;
	 
  }
  .top h3 img {
	width: 0.2rem;
	margin-right: 0.05rem;
}
  h3{
	  height: .3rem;
	  margin: .3rem 0;
	  line-height: .3rem;
  }
  .context{
	  width: 100%;
	  min-height: 1rem;
	  word-wrap: break-word;
	  text-indent: .2rem;
      font-weight: 700;
	  margin-top: .1rem;
  }
  </style>